<!-- pdf预览按需分片加载示例 -->
<template>
    <div class="pdf">
        <iframe :src="`/static/pdf/web/viewer.html?file=${encodeURIComponent(src)}`" frameborder="0"
            style="width: 100%; height: calc(100vh)"></iframe>
    </div>
</template>
  
<script>
import baseUrl from "@/api/baseurl.js";
export default {
    data() {
        return {
            baseUrl: baseUrl.baseUrl,
            src: "",
            loading: false,
        };
    },
    created() { },
    methods: {
        getPdfCode: function () {
            this.loading = true;
            // 数据文件流 转成 pdf
            this.src = `${this.baseUrl}/v1/pdf/load`;
        },
        // 禁用鼠标右击、F12 来禁止打印和打开调试工具
        prohibit() {
            document.oncontextmenu = function (ev) {
                return false; //屏蔽右键菜单
            };
            document.onkeydown = function (e) {
                if (
                    e.ctrlKey &&
                    (e.keyCode === 65 ||
                        e.keyCode === 67 ||
                        e.keyCode === 73 ||
                        e.keyCode === 74 ||
                        e.keyCode === 80 ||
                        e.keyCode === 83 ||
                        e.keyCode === 85 ||
                        e.keyCode === 86 ||
                        e.keyCode === 117)
                ) {
                    return false;
                }
                if (e.keyCode === 18 || e.keyCode === 123) {
                    return false;
                }
            };
        },
    },
    mounted() {
        this.$nextTick(() => {
            this.getPdfCode();
        });
    },
};
</script>
  
<style lang="scss" scoped></style>
  
  